/*!*********************************************************************************
 * X2Engine Open Source Edition is a customer relationship management program developed by
 * X2 Engine, Inc. Copyright (C) 2011-2019 X2 Engine Inc.
 * 
 * This program is free software; you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License version 3 as published by the
 * Free Software Foundation with the addition of the following permission added
 * to Section 15 as permitted in Section 7(a): FOR ANY PART OF THE COVERED WORK
 * IN WHICH THE COPYRIGHT IS OWNED BY X2ENGINE, X2ENGINE DISCLAIMS THE WARRANTY
 * OF NON INFRINGEMENT OF THIRD PARTY RIGHTS.
 * 
 * This program is distributed in the hope that it will be useful, but WITHOUT
 * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
 * FOR A PARTICULAR PURPOSE.  See the GNU Affero General Public License for more
 * details.
 * 
 * You should have received a copy of the GNU Affero General Public License along with
 * this program; if not, see http://www.gnu.org/licenses or write to the Free
 * Software Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA
 * 02110-1301 USA.
 * 
 * You can contact X2Engine, Inc. P.O. Box 610121, Redwood City,
 * California 94061, USA. or at email address contact@x2engine.com.
 * 
 * The interactive user interfaces in modified source and object code versions
 * of this program must display Appropriate Legal Notices, as required under
 * Section 5 of the GNU Affero General Public License version 3.
 * 
 * In accordance with Section 7(b) of the GNU Affero General Public License version 3,
 * these Appropriate Legal Notices must retain the display of the "Powered by
 * X2 Engine" logo. If the display of the logo is not reasonably feasible for
 * technical reasons, the Appropriate Legal Notices must display the words
 * "Powered by X2 Engine".
 **********************************************************************************/




#x2widget_GalleryWidget {
  .btn {
    background-image: none !important;
    text-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    border: 1px solid #ACACAC !important;
    border-bottom: 1px solid #ACACAC !important;
  }
  .photo.selected {
    background-color: #E0F5FF;
  }
  .fileinput-button, .btn-group .btn {
    padding: 0 6px 0 6px !important;
    margin: 0 0 0 0;
  }
  .fileinput-button, .modal-footer .btn {
    font-size: 9pt;
    line-height: 24px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    -webkit-appearance: none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
  }
  .btn-danger {
    background-color: #9E0000;
    border-color: #520000 !important;
    color: #fff;
    &:hover {
      background-color: #C20000;
    }
    &:active {
      background-color: #9C0000;
    }
  }
  .btn-primary {
    background-color: #00659C;
    border-color: #520000 !important;
    color: #fff;
    &:hover {
      background-color: #008EDB;
    }
    &:active {
      background-color: #0082C9;
    }
  }
  .icon-plus {
    margin-top: -1px;
  }
  .btn-group {
    margin-top: 3px;
    .btn {
      border: 1px solid #888;
      border-bottom-color: #555;
      font-size: 9pt;
      line-height: 24px;
      font-weight: bold;
      text-decoration: none;
      text-align: center;
      vertical-align: middle !important;
      margin: -3px 0 0 0 !important;
      border-right-width: 0 !important;
      border-radius: 0 !important;
      &:only-child {
        border-right-width: 1px !important;
        border-radius: 3px !important;
      }
      &:first-child {
        border-radius: 3px 0 0 3px !important;
        -moz-border-radius: 3px 0 0 3px !important;
        -webkit-border-radius: 3px 0 0 3px !important;
        -o-border-radius: 3px 0 0 3px !important;
      }
    }
    .remove_selected {
      border-right-width: 1px !important;
      border-radius: 0 3px 3px 0 !important;
      -moz-border-radius: 0 3px 3px 0 !important;
      -webkit-border-radius: 0 3px 3px 0 !important;
      -o-border-radius: 0 3px 3px 0 !important;
    }
    .btn {
      &:hover {
        color: #000;
        background: #f0f0f0;
      }
      &:active {
        color: black;
        border-color: #666;
        background: #aaa;
      }
    }
  }
  .fileinput-button, .modal-footer .btn.save-changes {
    background-color: #579100;
    border-color: #315200;
    color: #fff;
  }
  .fileinput-button:hover, .modal-footer .btn.save-changes:hover {
    background-color: #87b800;
    border-color: #416d00;
  }
  .fileinput-button:active, .modal-footer .btn.save-changes:active {
    border-color: #666;
    background: #aaa;
  }
}

/*
red button
*/

/*
blue button
*/

/*
button group
*/

/*
green buttons
*/

.gallery-widget.input-xlarge {
  margin-bottom: 10px;
}

.gallery-widget-image {
  margin: auto;
  position: absolute;
  overflow: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.gallery-widget-dialog {
  position: fixed !important;
  padding: 0 0 0 0 !important;
}
